import React from 'react'
import Image from 'next/image'
import { cn } from '@/lib/utils'

interface HomeCardProps {
  img: string
  title: string
  description: string
  className: string
  handleClick: () => void
}

const HomeCard = ({img, title, description, className, handleClick} : HomeCardProps) => {
  return (
    <div className={cn('flex flex-col justify-between px-4 py-6 w-full xl:max-w-[270px] min-h-[260px] rounded-[14px] cursor-pointer', className)} onClick={handleClick}>
      <div className='flex-center glassmorphism size-12 rounded-[10px]'>
        <Image src={img} alt='meeting' width={27} height={27} />
      </div>
      <div className='flex flex-col gap-2'>
        <h1 className='text-2xl font-extrabold'>{title}</h1>
        <p className='text-lg font-bold'>{description}</p>
      </div>
    </div>
  )
}

export default HomeCard